<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>layout 后台大布局 - Layui</title>
  <link rel="stylesheet" href="/static/lib/layui/css/layui.css">
  <link rel="stylesheet" href="/static/lib/layui/css/modules/layer/default/layer.css">
</head>
<body>
  <div class="layui-container-fluid">
    <span class="layui-breadcrumb">
      <a href="/main">仪表盘</a>
      <a><cite>分类管理</cite></a>
    </span>
    <div class="main" style="margin-top: 15px">
      <a href="/cateAdd" class="layui-btn layui-btn-warm">增加</a>
      <table class="layui-table">
        <thead>
          <tr>
            <th>分类名称</th>
            <th>分类图标</th>
            <th>分类描述</th>
            <th>操作</th>
          </tr> 
        </thead>
        <tbody>
          <% for(var i=0;i<cates.length;i++) { %>
            <tr>
              <td><%= cates[i].cateName %></td>
              <td>
                <img width="100" src="<%=cates[i].cateIcon||'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1434499465,2929348628&fm=26&gp=0.jpg'%>" alt="">
              </td>
              <td><%= cates[i].cateDesc||'暂无描述' %></td>
              <td>
                <a href="/cateEdit?cateId=<%= cates[i]._id %>" class="layui-btn layui-btn-xs">编辑</a>
                <button data-cateid="<%= cates[i]._id %>" class="layui-btn del layui-btn-xs layui-btn-danger">删除</button>
              </td>
            </tr>
          <%}%>
        </tbody>
      </table>
      <div id="page"></div>     
      <div id="content" style="padding:20px" style="display: none;">
        您确认删吗
      </div>
    </div>
  </div>
<script src="/static/lib/layui/layui.js"></script>
<script>
//JavaScript代码区域
layui.use(['element', 'jquery', 'laypage', 'layer'], function(){
  var element = layui.element;
  var $ = layui.jquery;
  var laypage = layui.laypage;
  var layer = layui.layer;
    $('.del').click(function(){
      var _this = this;
      var index = -1;
       index = layer.open({
        type:1,
        title:'删除分类',
        skin:'layui-layer-lan',
        content:$('#content'),
        btn:['确认','取消'],
        yes:function(){
          layer.close(index)
          $.ajax({
            url:'/delCate',
            type:'POST',
            data:{
              cateId: _this.dataset.cateid
            },
            success:function(res){
              if(res.code === 0){
                layer.msg(res.msg,{code:1},function(){
                  history.go(0)
                })
              }
            }
          })
        },
        btn2:function(){
          console.log('取消')
        }

      })
    })
  //执行一个laypage实例
  laypage.render({
    elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
    ,count: <%= count %> //数据总数，从服务端得到
    ,limit: 2 // 一页显示多少条
    ,curr: <%= curr%>
    ,jump: function(obj, first){
    //obj包含了当前分页的所有参数，比如：
    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
    console.log(obj.limit); //得到每页显示的条数
    
    //首次不执行
    if(!first){
      //do something
      window.location.href = "/cateList?curr="+obj.curr+"&limit="+obj.limit
    }
  }
  });
 
});
</script>
</body>
</html>